<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/style.css" rel="stylesheet" >
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="wrap">
        <div class="banner">
         <div class="content">
             <div class="banner_left">
                 <img src="img/top.jpg" alt="logo">
             </div>
             <div class="banner_mid">
              <ul>
                <li class="sctive"><a href="index.html"><span>首页</span></a></li>
                <li><a href="jianjie.html"><span>简介</span></a></li>
                <li><a href="meishi.html"><span>美食</span></a></li>
                <li><a href="wenhua.html"><span>文化</span></a></li>
            </ul>
             </div>
         </div>
        </div>
        <div class="wenhua">
          <div class="content">
            <div class="wenhua_top">
                <div class="wenhua_top_left">
                   <video src="img/wenhua/scxcp.mp4" controls>
                   </video>
                </div>
                <div class="wenhua_top_right">
                  <ul class="list-group">
                    <li class="list-group-item">&nbsp;&nbsp;&nbsp;<a>旅游景区</a>&nbsp;&nbsp;&nbsp;</li>
                    <li class="list-group-item">&nbsp;&nbsp;&nbsp;<a>文化底蕴</a>&nbsp;&nbsp;&nbsp;</li>
                    <li class="list-group-item">&nbsp;&nbsp;&nbsp;<a>民族风俗</a>&nbsp;&nbsp;&nbsp;</li>
                    <li class="list-group-item">&nbsp;&nbsp;&nbsp;<a>蜀绣</a>&nbsp;&nbsp;&nbsp;</li>
                    <li class="list-group-item">&nbsp;&nbsp;&nbsp;<a>国宝熊猫</a>&nbsp;&nbsp;&nbsp;</li>
                  </ul>
                </div>
            </div>
            
          </div>
        </div>
        <div class="wenhua_mid">
          <h1>文化</h1>
          <p>截至2019年末，四川省文化系统内艺术表演团体51个，艺术表演场所41个，公共图书馆206个，
            文化馆207个，美术馆46个，综合文化站4412个。国家级文化产业示范（试验）园区1个，国家
            级文化和科技融合示范基地2个，国家级动漫游戏基地1个，国家级文化产业示范基地15个，省
            级文化产业示范园区11个，省级文化产业试验园区5个，省级文化产业示范基地59个。</p>
            <img src="img/wenhua/sch.jpg">
          <h1>文化区</h1>
          <p>川中文化区：成都、绵阳、德阳、遂宁、雅安、眉山、资阳、乐山
            川南文化区：自贡、宜宾、泸州、内江
            川东北文化区：南充、达州、广元、巴中、广安
            攀西文化区：攀枝花和凉山彝族自治州（凉山州首府西昌，所以常常统称为攀西）
            川西高原文化区：阿坝藏族羌族自治州和甘孜藏族自治州（地处四川西部的高原区域）</p>
          <h1>语言</h1>
          <img src="img/wenhua/cj.jpg">
          <p>主词条：四川话
            四川话是流行于川渝地区及周边省份邻近地区的主要汉语言，包括汉语西南官话中源自
            古蜀语。四川话约有1亿2千万的使用者。现今四川话形成于清朝康熙年间的“湖广填四
            川”的大移民运动时期，是由明之前流行于四川地区的蜀语和来自湖广、广东、江西等
            地的各地移民方言逐渐演变融合而形成的。</p>
            <img src="img/wenhua/sx.jpg">
          <h1>川剧</h1>
          <p>川剧是中国戏曲宝库中的一颗光彩照人的明珠。它历史悠久，保存了不少优秀的传统
            剧目和丰富的乐曲与精湛的表演艺术。早在唐代就有“蜀戏冠天下”的说法。</p>
            <p>蜀绣又名“川绣”，与苏绣、湘绣、粤绣齐名，为中国四大名绣之一，是在丝绸或其
              他织物上采用蚕丝线绣出花纹图案的中国传统工艺。作为中国刺绣传承时间最长的绣
              种之一，蜀绣以其明丽清秀的色彩和精湛细腻的针法形成了自身的独特韵味，丰富程
              度居四大名绣之首。</p>
        </div>
        <div class="footer">
         <div class="content">
           <div class="footer_box">
                <h4>&copy;关于我们</h4>
                <p>四川省总面积48.6万平方公里，辖21个地级行政区， [8]其中18个地级市、<br>
                  3个自治州。共55个市辖区、18个县级市，106个县，4个自治县，合计183个
                  县级区划。353个街道、2232个镇、1929个乡、98个民族乡，合计4612个乡<br>
                  级区划。</p>
            </div>
           </div>
        </div>
   </div>

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
  </body>
</html>